<template>
  <div class="login">
    <h1>用户登录</h1>
    <div>
      <label>
        用户名:
        <input type="text" v-model="user.username">
      </label>
      <label>
        密码:
        <input type="password" v-model="user.password">
      </label>
    </div>
    <button @click="login">登录</button>
  </div>
</template>

<script>
export default {
  name: "LoginView",
  data() {
    return {
      user: {
        username: "",
        password: ""
      }
    }
  },
  methods: {
    login() {
      console.log("用户登录");
      // 模拟用户登录算法: 用户名: admin, 密码: 123456
      if (this.user.username == "admin" && this.user.password == "123456") {
        // sessionStorage 在前端页面中存储数据 浏览器关闭后 其中保存的数据就失效
        sessionStorage.setItem("token", "admin"); // token--令牌 用在用户登录验证
        // 登录成功后跳转到首页
        this.$router.push("/home");
      }
    }
  }
}
</script>

<style scoped>

</style>